/** 
 * colors.css 
 * 
 * Definition of all 16 available Rijksoverheid brand identity colors.
 * 
 * @version			1.0.0
 * @date			2009-08-28
 * @lastmodified	2011-01-21 15:37
 * 
 * Oud	    	Nieuw			kleur
 * #fbd326		#f9e11e			hoofdkleur
 * #fef1bc		#fdf6bb			lichtere tint
 * #fef8de		#fefbdd			lichtste tint
 * 
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 * @colordef		#3c1508; dark-brown 1 (full)		| 01
 * @colordef		#c7bcb9; dark-brown 2 (lighter)
 * @colordef		#e4dedc; dark-brown 3 (lightest)
 *
 * @colordef		#47145c; purple 1 (full)			| 02
 * @colordef		#c7b8ce; purple 2 (lighter)
 * @colordef		#e4dce7; purple 3 (lightest)
 *
 * @colordef		#0e4a10; dark-green 1 (full)		| 03
 * @colordef		#b6c8b7; dark-green 2 (lighter)
 * @colordef		#dbe4db; dark-green 3 (lightest)
 *
 * @colordef		#cc003d; ruby (full)				| 04
 * @colordef		#f2b2c5; ruby (lighter)
 * @colordef		#f9d9e2; ruby (lightest)
 *
 * @colordef		#e70022; red 1 (full)				| 05
 * @colordef		#fab2bd; red 2 (lighter)
 * @colordef		#fcd9df; red 3 (lightest)
 *
 * @colordef		#900079; violet (full)				| 06
 * @colordef		#e3b2da; violet (lighter)
 * @colordef		#f1d9ed; violet (lightest)
 *
 * @colordef		#60652a; moss-green 1 (full)		| 07
 * @colordef		#cfd0bf; moss-green 2 (lighter)
 * @colordef		#e7e8df; moss-green 3 (lightest)
 *
 * @colordef		#876220; brown 1 (full)				| 08
 * @colordef		#e0d4bc; brown 2 (lighter)
 * @colordef		#f0eade; brown 3 (lightest)
 *
 * @colordef		#4e9625; green 1 (full)				| 09
 * @colordef		#cbe1bd; green 2 (lighter)
 * @colordef		#e5f0df; green 3 (lightest)
 *
 * @colordef		#046f96; azure 1 (full)				| 10
 * @colordef		#bddfed; azure 2 (lighter)
 * @colordef		#deeff6; azure 3 (lightest)
 *
 * @colordef		#9accd4; light-blue 1 (full)		| 11
 * @colordef		#e1f0f2; light-blue 2 (lighter)
 * @colordef		#eef7f8; light-blue 3 (lightest)
 *
 * @colordef		#ed8fbb; pink 1 (full)				| 12
 * @colordef		#faddea; pink 2 (lighter)
 * @colordef		#fceef5; pink 3 (lightest)
 *
 * @colordef		#f9e11e; yellow (full)				| 13
 * @colordef		#fdf6bb; yellow (lighter)
 * @colordef		#fefbdd; yellow (lightest)
 *
 * @colordef		#f9b249; dark-yellow (full)			| 14
 * @colordef		#fde4be; dark-yellow (lighter)
 * @colordef		#fef2df; dark-yellow (lightest)
 *
 * @colordef		#6ed9ad; mint-green 1 (full)		| 15
 * @colordef		#cbe6db; mint-green 2 (lighter)
 * @colordef		#e5f2ed; mint-green 3 (lightest)
 *
 * @colordef		#ff9560; orange (full)				| 16
 * @colordef		#fcd0bb; orange (lighter)
 * @colordef		#fee8de; orange (lightest)
 *
 */



/*	Colors 13 (yellow) */
.yellow .title_bar
{
    background: #fefbdd;
}
.yellow .nav_bar
{
    background: #f9e11e;
}
.yellow .nav_main a
{
    color: #000;
}
.yellow .nav_main a:hover
{
    background: #fdf6bb;
    text-decoration: none; /* JM: Added to follow RWS rules */
    color: #000; /* JM: Added to follow RWS rules */
}
.yellow .sel a
{
    background-color: #fdf6bb;
    color: #000;
}
.yellow .content_wrapper2
{
    border-top: 10px solid #fdf6bb;
}

.yellow .visual
{
    background-color: #fefbdd;
}
.yellow .tong
{
    background-color: #f9e11e;
}
.yellow .tong h1, .yellow .tong h2, .yellow .tong h3, .yellow .tong h4, .yellow .tong h5, .yellow .tong h6, .yellow .tong ul, .yellow .tong ol, .yellow .tong dl, .yellow .tong p, .yellow .tong a, .yellow .tong blockquote
{
    color: #000;
}

.yellow .search li a, .yellow .search li a:hover
{
    color: #000;
}

.yellow .nav_sub li a:hover
{
    background-color: #fdf6bb !important;
}

.yellow .nav_sub li.open a, .yellow .nav_sub li.open li.open a, .yellow .nav_sub li.open li.open li.open a, .yellow .nav_sub li.open li.open li.open li.open a, .yellow .nav_sub li.open li.open li.open li.open li.open a
{
    background-color: #fefbdd;
}

.yellow .nav_sub li.active a, .yellow .nav_sub li.open li.active a, .yellow .nav_sub li.open li.open li.active a, .yellow .nav_sub li.open li.open li.open li.active a, .yellow .nav_sub li.open li.open li.open li.open li.active a, .yellow .nav_sub li.open li.open li.open li.open li.open li.active a
{
    background-color: #fdf6bb;
}

.yellow .hl_lighter
{
    background-color: #fdf6bb;
}
.yellow .hl_lightest
{
    background-color: #fefbdd;
}

.yellow .hl_color13
{
    background-color: #ff9560;
}
/* orange instead of yellow */

.yellow .banner, .yellow .banner a, .yellow .banner h3, .yellow .banner h4
{
    color: #fff;
}

.yellow .banner.hl_lighter, .yellow .banner.hl_lightest, .yellow .banner.hl_color11, .yellow .banner.hl_color12, .yellow .banner.hl_color13, .yellow .banner.hl_color14, .yellow .banner.hl_color15, .yellow .banner.hl_lighter a, .yellow .banner.hl_lightest a, .yellow .banner.hl_color11 a, .yellow .banner.hl_color12 a, .yellow .banner.hl_color13 a, .yellow .banner.hl_color14 a, .yellow .banner.hl_color15 a, .yellow .banner.hl_lighter h3, .yellow .banner.hl_lightest h3, .yellow .banner.hl_color11 h3, .yellow .banner.hl_color12 h3, .yellow .banner.hl_color13 h3, .yellow .banner.hl_color14 h3, .yellow .banner.hl_color15 h3, .yellow .banner.hl_lighter h4, .yellow .banner.hl_lightest h4, .yellow .banner.hl_color11 h4, .yellow .banner.hl_color12 h4, .yellow .banner.hl_color13 h4, .yellow .banner.hl_color14 h4, .yellow .banner.hl_color15 h4
{
    color: #000;
}

.yellow .box.open.lighter h2, .yellow .box.open.lighter h3, .yellow .box.open.lighter h4, .yellow .box.open.lighter h5, .yellow .box.open.lighter h6
{
    background-color: #fdf6bb;
}
.yellow .box.open.lighter
{
    border: 1px solid #fdf6bb;
}

.yellow .box.open.lightest h2, .yellow .box.open.lightest h3, .yellow .box.open.lightest h4, .yellow .box.open.lightest h5, .yellow .box.open.lightest h6
{
    background-color: #fefbdd;
}
.yellow .box.open.lightest
{
    border: 1px solid #fefbdd;
}

.yellow .box.closed h2, .yellow .box.closed h3, .yellow .box.closed h4, .yellow .box.closed h5, .yellow .box.closed h6
{
    background-color: #fdf6bb;
}
.yellow .box.closed
{
    background-color: #fefbdd;
    border: 1px solid #fdf6bb;
}

.yellow .box.open.contrast_lighter h2, .yellow .box.open.contrast_lighter h3, .yellow .box.open.contrast_lighter h4, .yellow .box.open.contrast_lighter h5, .yellow .box.open.contrast_lighter h6
{
    background-color: #c7bcb9;
}
.yellow .box.open.contrast_lighter
{
    border: 1px solid #c7bcb9;
}

.yellow .box.open.contrast_lightest h2, .yellow .box.open.contrast_lightest h3, .yellow .box.open.contrast_lightest h4, .yellow .box.open.contrast_lightest h5, .yellow .box.open.contrast_lightest h6
{
    background-color: #e4dedc;
}
.yellow .box.open.contrast_lightest
{
    border: 1px solid #e4dedc;
}

.yellow .box.closed.contrast h2, .yellow .box.closed.contrast h3, .yellow .box.closed.contrast h4, .yellow .box.closed.contrast h5, .yellow .box.closed.contrast h6
{
    background-color: #c7bcb9;
}
.yellow .box.closed.contrast
{
    background-color: #e4dedc;
    border: 1px solid #c7bcb9;
}


/* arrow color black in 'tong' */
.yellow .tong ul li
{
    background-position: left -180px;
}


/*
* Transparent
* 
* @section			Set the background to transparent for not 'open' and 'active' anchors
*/

.yellow .nav_sub li.open li a, .yellow .nav_sub li.open li.open li a, .yellow .nav_sub li.open li.open li.open li a, .yellow .nav_sub li.open li.open li.open li.open li a, .yellow .nav_sub li.open li.open li.open li.open li.open li a
{
    background-color: transparent;
}


/*
* Banners
* 
* @section			Set the background (highlight) color for banners
*/

.hl_color13
{
    background-color: #f9e11e;
}
/* yellow */